import styled from 'styled-components';

import { Layout } from 'antd';

const { Content } = Layout;

export const Logo = styled.img`
  margin: 0 32px 0 -20px;
`

export const MyLayout = styled(Layout)`
  background: ${props => props.color || '#fff'};
`

export const MyContent = styled(Content)`
  background: ${props => props.color || '#fff'};
  padding: ${props => props.padding || '24px'} !important;
  margin: 0px;
  min-height: 280px;
  overflow-y: auto;

`

export const BaseLayout = styled(Layout)`
  height: calc(100vh - 64px) !important;
  background: ${props => props.color || '#fff'};
`

